<template lang="pug">
.main
  .footer
    .list
      .listItem
        .title(@click="openLink('/enterprise/#/')") 花瓣儿网
        li
          span(@click="openLink('/enterprise/#/gsdt')") 新闻动态
        li
          span(@click="openLink('/enterprise/#/vip')") 会员专区
        li
          span(@click="openLink('/download/#/')") 办税指南
        li
          span(@click="openLink('/download/#/download')") 下载中心
        li
          span(@click="openWeb('http://wpa.qq.com/msgrd?v=3&uin=990639979&site=qq&menu=yes')") 联系客服
      .listItem
        .title(@click="openLink('/academy/#/')") 云税库
        li
          span(@click="openLink('/academy/#/advance')") 法规库
        li
          span(@click="openLink('/academy/#/lawquery')") 多维查询
        li
          span(@click="openLink('/academy/#/policy')") 政策解读
        li
          span(@click="openLink('/academy/#/hottopic')") 热点专题
        //- li
        //-   span(@click="openLink('/academy/#/blog')") 名家税谈
      .listItem
        .title(@click="openLink('/tax/#/')") 云税服
        li
          span(@click="openLink('/tax/#/reply')") 税务答疑
        li
          span(@click="openLink('/tax/#/dingzhi')") 专题定制
        li
          span(@click="openLink('/tax/#/weituo')") 专项委托
        li
          span(@click="openLink('/tax/#/chouhua')") 纳税筹划
        li
          span(@click="openLink('/tax/#/chuandi')") 信息传递
      .listItem
        .title(@click="openLink('/soft/#/')") 花瓣儿软件
        li(v-for="i in 5" key="i")
          span(@click="openLink('/soft/#/dingzhi')") 软件定制
      .listItem
        .title(@click="openLink('/share/#/')") 共享空间
        li(v-for="i in 5" key="i")
          span(@click="openLink('/share/#/wework')") 合作招募
      .listItem
        .title(@click="openLink('/about/#/')") 关于我们
        li
          span(@click="openLink('/about/#/honor')") 资质荣誉
        li
          span(@click="openLink('/about/#/expert')") 专家团队
        li
          span(@click="openLink('/about/#/cooperation')") 商务合作
        li
          span(@click="openLink('/about/#/recruit')") 人才招聘
    .link
      span 友情链接：
      li
        a(href="http://www.chinatax.gov.cn/") 国家税务总局
      li
        a(href="http://www.zgdkzbw.com/") 中国地矿珠宝
      li
        a(href="http://www.jiruide.cn/") 吉瑞得商城
    .copyright Copyright © 2010-2019 花瓣儿网络科技有限公司 豫ICP备16001001号
</template>

<script>
  import {mapGetters} from 'vuex';

  export default {
    components: {},
    data() {
      return {};
    },
    computed: {
      ...mapGetters(["baseurl"])
    },
    methods: {
      openLink(val) {
        window.open(this.baseurl.prefix + val);
      },
      openWeb(val) {
        window.open(val);
      }
    },
    created() {
    },
    mounted() {
    }
  };
</script>

<style lang="less" scoped>
  .main {
    background: #2E303F;
    color: #A6B7CB;
    padding: 1em 0;
    font-size: 12px;
    //- border-top: 1px solid @border;
    .footer {
      max-width: @wid;
      margin: 0 auto;
      text-align: center;
      .list {
        padding-top: 10px;
        padding-bottom: 20px;
        .listItem {
          display: inline-block;
          width: 20%;
          width: calc(~"100% / 6");
          height: 230px;
          padding: 1em;
          padding-top: 0;
          padding-bottom: 0;
          vertical-align: top;
          border-right: 1px solid #A6B7CB;
          &:nth-last-child(1) {
            border-right: none;
          }
          .title {
            .pointer;
            font-size: 18px;
            font-weight: bold;
            color: #f1f2f7;
            line-height: 45px;
          }
          li {
            padding: 5px 0;
            span {
              .pointer;
              .size(14px);
            }
            &:hover {
              color: @primary;
            }
          }
        }
      }
      .link {
        line-height: 50px;
        li {
          display: inline-block;
          padding: 0 1em;
        }
      }
      .copyright {
        color: #ccc;
      }
    }
  }
</style>
